<template>
  <div class="sxcx">
    <div class="sxcx-header">
      <div class="h-l">
        <img src="../assets/images/run/mszq/搜索.png" alt="" />
        <span>筛选查询</span>
      </div>
      <el-button type="primary" class="f-l" size="small" @click="handle"
        >查询结果</el-button
      >
      <div onselectstart="return false" class="h-r" @click="handler">
        <img id="rot-img" src="../assets/images/run/mszq/up.png" alt="" />
        <span id="text">收起筛选</span>
      </div>
    </div>
    <div id="sxcs-bdy" class="sxcx-body">
      <slot></slot>
    </div></div
></template>

<script>
export default {
  methods: {
    handler() {
      document.querySelector('#rot-img').className =
        document.querySelector('#rot-img').className === 'rta' ? 'rta1' : 'rta'
      document.querySelector('#text').innerText =
        document.querySelector('#text').innerText === '收起筛选'
          ? '展开筛选'
          : '收起筛选'
      // console.log(1)
      document.querySelector('#sxcs-bdy').className =
        document.querySelector('#sxcs-bdy').className === 'sxcx-body late'
          ? 'sxcx-body late1'
          : 'sxcx-body late'
    },
    handle(e) {
      this.$emit('click', e)
    }
  }
}
</script>

<style lang="less" scope></style>
